import {createRouter, createWebHashHistory, createWebHistory} from 'vue-router'
import Login from '@view/Login.vue'
import Reg from '@view/Reg.vue'
import FindPass from '@view/FindPass.vue'
import Manage from '@view/Manage.vue'
import QuestionList from '@view/questions/List.vue'
import QuestionAdd from '@view/questions/Add.vue'
const router=createRouter({
    //路由配置
    //设置路由地址模式: history  /path 不配置服务器的时候怕刷新 hash #/path 不怕刷新
    history:createWebHashHistory(),
    //路由映射配置  /path ===> component 路由地址栏地址和路由path匹配的时候 显示对应的组件
    routes:[
        
        {
            name:"Login",//具名路由 可以根据名称跳转
            path:'/login',
            component:Login
        },
        {
            path:"/register",
            component:Reg,
            children:{
                path:'abc',
                component:Login
            }
        },
        {
            // :nickname就是动态参数
            // /findpassword/xiaoming
            // /findpassword/wanghong
            path:'/findpassword/:nickname',
            component:FindPass,
            props:true
            // props:()=>{} //把params传入 组件的props属性 支持 对象  函数 布尔模式
        },
        //路由嵌套
        {
            path:"/manage",
            component:Manage,
            children:[//嵌套子路由,嵌套的子路由的路由出口在上级路由组件里面需要写一个router-view出口
                {
                    path:"/manage/question",
                    component:QuestionList
                },
                {
                    path:"/manage/question_add",
                    component:QuestionAdd
                }
            ]
        },

    ]
});

//公开router对象 router需要作为插件安装到Vue的根对象
export default router;